<template>
  <div>
    <div>
      <h4>水</h4>
      <el-row type="flex" justify="space-between">
        <el-col :span="5">
          <span>咳嗽</span>
          <div class="grid-content">
            <el-checkbox-group v-model="pgForm.vvst_water_checkList1">
              <el-checkbox label="一口量3ML"></el-checkbox>
              <el-checkbox label="一口量5ML"></el-checkbox>
              <el-checkbox label="一口量10ML"></el-checkbox>
              <el-checkbox label="一口量20ML"></el-checkbox>
              <el-checkbox label="是"></el-checkbox>
              <el-checkbox label="否"></el-checkbox>
              <el-input v-model="pgForm.vvst_water_input1" placeholder="备注"></el-input>
            </el-checkbox-group>
          </div>
        </el-col>
        <el-col :span="5">
          <span>声音变化</span>
          <div class="grid-content">
            <el-checkbox-group v-model="pgForm.vvst_water_checkList2">
              <el-checkbox label="一口量3ML"></el-checkbox>
              <el-checkbox label="一口量5ML"></el-checkbox>
              <el-checkbox label="一口量10ML"></el-checkbox>
              <el-checkbox label="一口量21ML"></el-checkbox>
              <el-checkbox label="是"></el-checkbox>
              <el-checkbox label="否"></el-checkbox>
              <el-input v-model="pgForm.vvst_water_input2" placeholder="备注"></el-input>
            </el-checkbox-group>
          </div>
        </el-col>
        <el-col :span="5">
          <span>血氧饱和度</span>
          <div class="grid-content">
            <el-checkbox-group v-model="pgForm.vvst_water_checkList3">
              <el-checkbox label="一口量3ML"></el-checkbox>
              <el-checkbox label="一口量5ML"></el-checkbox>
              <el-checkbox label="一口量10ML"></el-checkbox>
              <el-checkbox label="一口量22ML"></el-checkbox>
              <el-checkbox label="是"></el-checkbox>
              <el-checkbox label="否"></el-checkbox>
              <el-input v-model="pgForm.vvst_water_input3" placeholder="备注"></el-input>
            </el-checkbox-group>
          </div>
        </el-col>
        <el-col :span="5">
          <span>唇闭合</span>
          <div class="grid-content">
            <el-checkbox-group v-model="pgForm.vvst_water_checkList4">
              <el-checkbox label="一口量3ML"></el-checkbox>
              <el-checkbox label="一口量5ML"></el-checkbox>
              <el-checkbox label="一口量10ML"></el-checkbox>
              <el-checkbox label="一口量23ML"></el-checkbox>
              <el-checkbox label="是"></el-checkbox>
              <el-checkbox label="否"></el-checkbox>
              <el-input v-model="pgForm.vvst_water_input4" placeholder="备注"></el-input>
            </el-checkbox-group>
          </div>
        </el-col>
        <el-col :span="5">
          <span>口腔残留</span>
          <div class="grid-content">
            <el-checkbox-group v-model="pgForm.vvst_water_checkList5">
              <el-checkbox label="一口量3ML"></el-checkbox>
              <el-checkbox label="一口量5ML"></el-checkbox>
              <el-checkbox label="一口量10ML"></el-checkbox>
              <el-checkbox label="一口量24ML"></el-checkbox>
              <el-checkbox label="是"></el-checkbox>
              <el-checkbox label="否"></el-checkbox>
              <el-input v-model="pgForm.vvst_water_input5" placeholder="备注"></el-input>
            </el-checkbox-group>
          </div>
        </el-col>
        <el-col :span="5">
          <span>咽腔残留</span>
          <div class="grid-content">
            <el-checkbox-group v-model="pgForm.vvst_water_checkList6">
              <el-checkbox label="一口量3ML"></el-checkbox>
              <el-checkbox label="一口量5ML"></el-checkbox>
              <el-checkbox label="一口量10ML"></el-checkbox>
              <el-checkbox label="一口量25ML"></el-checkbox>
              <el-checkbox label="是"></el-checkbox>
              <el-checkbox label="否"></el-checkbox>
              <el-input v-model="pgForm.vvst_water_input6" placeholder="备注"></el-input>
            </el-checkbox-group>
          </div>
        </el-col>
        <el-col :span="5">
          <span>分次吞咽</span>
          <div class="grid-content">
            <el-checkbox-group v-model="pgForm.vvst_water_checkList7">
              <el-checkbox label="一口量3ML"></el-checkbox>
              <el-checkbox label="一口量5ML"></el-checkbox>
              <el-checkbox label="一口量10ML"></el-checkbox>
              <el-checkbox label="一口量26ML"></el-checkbox>
              <el-checkbox label="是"></el-checkbox>
              <el-checkbox label="否"></el-checkbox>
              <el-input v-model="pgForm.vvst_water_input7" placeholder="备注"></el-input>
            </el-checkbox-group>
          </div>
        </el-col>
        <el-col :span="5">
          <span>顺滑性</span>
          <div class="grid-content">
            <el-checkbox-group v-model="pgForm.vvst_water_checkList8">
              <el-checkbox label="一口量3ML"></el-checkbox>
              <el-checkbox label="一口量5ML"></el-checkbox>
              <el-checkbox label="一口量10ML"></el-checkbox>
              <el-checkbox label="一口量27ML"></el-checkbox>
              <el-checkbox label="是"></el-checkbox>
              <el-checkbox label="否"></el-checkbox>
              <el-input v-model="pgForm.vvst_water_input8" placeholder="备注"></el-input>
            </el-checkbox-group>
          </div>
        </el-col>
        <el-col :span="5">
          <span>吞咽用力</span>
          <div class="grid-content">
            <el-checkbox-group v-model="pgForm.vvst_water_checkList9">
              <el-checkbox label="一口量3ML"></el-checkbox>
              <el-checkbox label="一口量5ML"></el-checkbox>
              <el-checkbox label="一口量10ML"></el-checkbox>
              <el-checkbox label="一口量28ML"></el-checkbox>
              <el-checkbox label="是"></el-checkbox>
              <el-checkbox label="否"></el-checkbox>
              <el-input v-model="pgForm.vvst_water_input9" placeholder="备注"></el-input>
            </el-checkbox-group>
          </div>
        </el-col>
        <el-col :span="5">
          <span>适口性</span>
          <div class="grid-content">
            <el-checkbox-group v-model="pgForm.vvst_water_checkList10">
              <el-checkbox label="一口量3ML"></el-checkbox>
              <el-checkbox label="一口量5ML"></el-checkbox>
              <el-checkbox label="一口量10ML"></el-checkbox>
              <el-checkbox label="一口量29ML"></el-checkbox>
              <el-checkbox label="是"></el-checkbox>
              <el-checkbox label="否"></el-checkbox>
              <el-input v-model="pgForm.vvst_water_input10" placeholder="备注"></el-input>
            </el-checkbox-group>
          </div>
        </el-col>
        <el-col :span="5">
          <span>喜食度（表情）</span>
          <div class="grid-content">
            <el-checkbox-group v-model="pgForm.vvst_water_checkList11">
              <el-checkbox label="一口量3ML"></el-checkbox>
              <el-checkbox label="一口量5ML"></el-checkbox>
              <el-checkbox label="一口量10ML"></el-checkbox>
              <el-checkbox label="一口量30ML"></el-checkbox>
              <el-checkbox label="是"></el-checkbox>
              <el-checkbox label="否"></el-checkbox>
              <el-input v-model="pgForm.vvst_water_input11" placeholder="备注"></el-input>
            </el-checkbox-group>
          </div>
        </el-col>
        <el-col :span="5">

        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {
  name: "water",
  title: "水",
  created() {
    if(this.istrans){
      this.pgForm=this.fromdata
    }
  },
  props: {
    fromdata:{},
    istrans:false,
  },
  data() {
    return {
      pgForm: {
        vvst_water_checkList1: [],
        vvst_water_checkList2: [],
        vvst_water_checkList3: [],
        vvst_water_checkList4: [],
        vvst_water_checkList5: [],
        vvst_water_checkList6: [],
        vvst_water_checkList7: [],
        vvst_water_checkList8: [],
        vvst_water_checkList9: [],
        vvst_water_checkList10: [],
        vvst_water_checkList11: [],
        vvst_water_input1: '',
        vvst_water_input2: '',
        vvst_water_input3: '',
        vvst_water_input4: '',
        vvst_water_input5: '',
        vvst_water_input6: '',
        vvst_water_input7: '',
        vvst_water_input8: '',
        vvst_water_input9: '',
        vvst_water_input10: '',
        vvst_water_input11: '',
      }

    }
  }
}
</script>

<style scoped>
.el-row{
  margin: 10px 0;
  padding: 20px 20px;
  background-color: #f9f9f9;
  flex-wrap: wrap;
  flex-direction: row;
}
.el-col {
  margin:10px 0;
}

.el-checkbox-group {
  padding: 10px 20px;
}

.el-checkbox {
  display: block;
  margin-bottom: 15px;
}
</style>
